<el-dialog class="dialogStyleBase" title="增加供应链商品" width="700px" :visible.sync="editVisible"
    :before-close="function(){cacel('editForm')}" append-to-body>
    <div v-loading="false">
        <el-form ref="editForm" :model="form" label-width="120px" label-position="left">
            <LayoutCell>
                <!-- :rules="{ required: true, message: '分组名称 不能为空'}" -->
                <!-- {{groups}} -->
                <el-form-item label="选择分组" prop="groups" >
                    <el-cascader style="width:100%" v-model="groups" :options="groupsList"
                        :props="{ multiple: true }" :show-all-levels="false">
                    </el-cascader>
                    <!-- <SelectDataGoodsGroup style="width:420px" v-model="form.productGroupsLst" :appWindow="appWindow"
                        :apiConfig="$vFN.Tools.getAppGlobalData('componentsApiConfig.SelectDataGoods',appWindow)">
                    </SelectDataGoodsGroup> -->
                </el-form-item>
                <el-form-item label="选择分类" prop="productCategoryLst" :rules="{ required: true, message: '请选择分类'}">
                    <SelectDataGoodsClassify style="width:420px" v-model="form.productCategoryLst" :appWindow="appWindow"
                        :apiConfig="$vFN.Tools.getAppGlobalData('componentsApiConfig.SelectDataGoods',appWindow)">
                    </SelectDataGoodsClassify>
                </el-form-item>

                <el-form-item label="选择运费模板" prop="freight_template_id" :rules="{ required: true, message: '请选择运费模板'}">
                    <el-select v-model="form.freight_template_id" placeholder="请选择">
                        <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                    </el-select>
                </el-form-item>
            </LayoutCell>
        </el-form>
    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button @click="mixinEdit_resetForm('editForm')">重 置</el-button>
            </el-col>
            <el-col :span="12">
                <el-button @click="cacel('editForm')">取 消</el-button>
                <el-button type="primary" @click="addProduct({model:'form',ref:'editForm'})">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>